<template>
	<view class="page">
		<view class="title">
			2.5.navigator路由与页面跳转
		</view>
		<view class="p">
			官网链接API
			<uni-link href="https://uniapp.dcloud.net.cn/component/navigator.html" text="navigator"
				color="#007BFF"></uni-link>
		</view>
		<view class="p">
			该组件类似HTML中的 a 标签，<text class="red">但只能跳转在pages.json中注册过页面。</text>
		</view>
		<view class="p">
			重要属性有 open-type（跳转方式），当属性为 reLaunch 关闭当前页面，跳转到目标页面。进入目标页面后将不再具备返回功能。
			navigateBack 关闭当前页面，返回上一级页面或上几级页面。
		</view>
		<view class="p">
			示例 <text>
				<navigator open-type="navigateBack" class="uni-link">返回上一级</navigator>
			</text>
			<text>
				<navigator open-type="reLaunch" class="uni-link" url="/pages/two/2-2">reLaunch</navigator>
			</text>
		</view>
		<view class="p">
			navigator 组件默认不支持跳转其他http网页，可以使用官方的 <uni-link href="https://ext.dcloud.net.cn/plugin?name=uni-link"
				color="#007BFF">uni-link</uni-link>组件来实现这个功能
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
</script>

<style lang="scss" scoped>

</style>